<template>
  <div id="App">
    <input v-model="msg1" type="text" name id />
    <br />
    <br />
    <!-- 在模版中，利用$event获取形参 -->
    <input :value="msg2" @input="msg2 = $event.target.value" type="text" name id />
    <!-- <input :value="msg2" @input="fn" type="text" name id /> -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg1: "hello",
      msg2: "world"
    };
  },
  methods: {
    fn(e) {
      this.msg2 = e.target.value;
      console.log(this.msg2);
    }
  }
};
</script>

<style>
</style>